<%@ page language="java" contentType="text/html;charset=utf-8" %>
<%--<%@ include file="/webpage/include/taglib.jsp"%>--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="${pageContext.request.contextPath}/static/share/jquery-1.8.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/jquery.mobile-1.3.2.min.js"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>中国检验认证集团商品溯源平台</title>

    <link href="${pageContext.request.contextPath}/static/css/css.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/lightGallery.css" />
	
	<style>
		* { 
			margin: 0; 
			padding: 0;
			list-style-type: none; 
		}

        .left {
            float: left;
        }

        .right {
            float: right;
        }

        .content {
            color: #FFF;
            font-size: 1.2rem;
            background-image: url('${pageContext.request.contextPath}/static/images/cleanback.png');
            background-size:cover;
            background-repeat: repeat-x;
            min-height: 38rem;
        }

        .content .header {
			color: #FFF;
			text-align: center;
            padding-top: 0.4rem;
            padding-bottom: 0.4rem;
		}
        .content .header h1,h4 {
			font-family: "PingFang SC";
		}
        .content .header h1 {
			font-size: 1.4rem;
		}
        .content .header h4 {
			font-size: 0.7rem;
		}
        hr {
            color: lightgrey;
        }

        .content .base-info {
            font-family: "PingFang SC";
            /*padding-left: 2rem;*/
            padding-top: 0.8rem;
        }

        .content .base-info p {
            line-height: 3rem;
        }

        .content .result {
            width: 70%;
            margin-top: 0.3rem;
            margin-left: 2rem;
            padding-left: 0.2rem;
            padding-bottom: 0.5rem;
            padding-top: 0.5rem;
            border:2px solid;
            border-radius:25px;
            background-color:rgba(255,255,255,0.2);
        }

        .content .show{
            padding-left: 1.8rem;
            padding-top: 2.5rem;
        }

        .content .show > div {
            text-align: center;
            width: 50%;
        }

        .content .show .showpic{
            width: 10rem;
            height: 10rem;
            margin-top: 1.3rem;
            border-radius:25px;
        }

        .content .show .auth{
            margin-left: 8.8rem;
            position:absolute;
            z-index: 10;
        }

        p.indent-p-3em {
            text-indent: 2.8em;
        }

        p.indent-p-5em {
            text-indent: 4.8em;
        }

        .above-footer,.footer {
            font-family: "PingFang SC";
            font-size: 1.1rem;
            padding-left: 2rem;
        }

        .above-footer strong,.footer strong{
            font-weight: 400;
            color: #1B7FD5;
        }

        .above-footer span {
            color: #FFF;
            background-color: #A5D6FB;
            padding-left: 0.8rem;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius:25px;
        }

        .above-footer {
            padding-bottom: 0.3rem;
        }

        .footer {
            padding-top: 0.3rem;
        }

        .under-footer {
            font-family: "PingFang SC";
            font-size: 1.1rem;
            padding-bottom: 5rem;
        }
        .under-footer > div {
            width: 100%;
        }
        .under-footer > div > div {
            text-align: center;
            width: 50%;
        }
        .under-footer img {
            width: 70%;
        }


	</style>
</head>

<body>

	<div class="content">
        <div class="header">
            <h1>中国检验认证集团天津有限公司</h1>
            <h1>高端消费品鉴定溯源系统</h1>
            <h4>CHINA CERTIFICATION&INSPECTION GROUP TIANJIN CO.,LTD</h4>
            <h4>HIGH-GRADE CONSUMER PRODUCTS Certification&Traceability Platform</h4>
        </div>
        <hr/>
        <div class="base-info">
            <p style="text-align: center; font-size: 2rem;">您扫描的二维码已作废</p>
        </div>
        <div>

        </div>
        <div class="show">
            <div class="left">
                <div></div>
                <div></div>
            </div>
            <div class="right">
                <div></div>
                <div></div>
            </div>
        </div>
	</div>
    <div class="above-footer">
    </div>
    <hr/>
	<div class="footer">
        <p><strong>联系方式：</strong>手机&nbsp;13903332321</p>
        <p class="indent-p-5em">座机&nbsp;022-98340923</p>
	</div>
    <div class="under-footer">
        <div>
            <div class="left">
                <img src="${pageContext.request.contextPath}/static/images/qrleft.png" alt="">
            </div>
            <div class="right">
                <img src="${pageContext.request.contextPath}/static/images/qrright.png" alt="">
            </div>
        </div>
        <div>
            <div class="left">
                <span>长按加公众号</span>
            </div>
            <div class="right">
                <span>长按验证溯源码</span>
            </div>
        </div>
    </div>

</body>
</html>
